<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">

  <!-- <script src="js/law.js"></script>
-->
<title></title>
</head>
<body>
<div class="container">

  <div class="container">
    <div class="us_class">
      <div class="us_left">

        <div class="nTab">
          <div class="TabTitle">
            <ul id="myTab">
              <li class="active" onclick="nTabs(this,0);">联系方式</li>
              <li class="normal" onclick="nTabs(this,1);">在线留言</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="us_right">
        <div class="TabContent">
          <div id="myTab_Content0">
            <div class="first">
              <p>联系方式</p>
              <div>
                <p>全国普法万里行校园工作委员会办公室</p>
                <p>地    址：北京市西城区</p>
                <p>邮    编：</p>
                <p>联系电话：</p>
                <p>传    真：</p>
                <p>全国校园普法万里行执行秘书长单位</p>
                <p>北京维智百年教育科技有限公司</p>
                <p>地    址：北京市朝阳区酒仙桥北路甲10号院201号楼B座3层</p>
                <p>邮    箱：</p>
                <p>联系电话：</p>
                <p>传    真：</p>
              </div>
            </div>
          </div>
        </div>

        <div id="myTab_Content1" class="none" style="display:none">
          <div class="view">
            <div class="view_one x">
              <p>在线留言</p>
            </div>
            <form action="/index/mess" id="form"  method="post">
              <div class="head x">
                <p>&nbsp;您的名称</p>
                <input type="text" id="txt_one" placeholder="2-3个字"  name="uname" onblur="head_one()" onfocus="head_two()"/>
                <div class="point x" >
                  <p id="headErr"></p>
                </div>
              </div>
              <div class="content x">
                <p>&nbsp;留言内容</p>
                <textarea name="content" id="txt_two" value=""  onblur="title_one()"placeholder="请填写具体内容帮助我们了解您的意见与建议（不少于10个字）" onfocus="title_two()"></textarea>
                <div class="point_one x" >
                  <p id="titleErr"></p>
                </div>
              </div>
              <div class="email x">
                <p>&nbsp;邮箱</p>
                <input type="text" id="txt_three" placeholder="请填写您的邮箱地址" value="" name="email" onblur="email_one()" onfocus="email_two()"/>
                <div class="point_two x">
                  <p id="emailErr"></p>
                </div>
              </div>

              <div class="qq x">
                <p>&nbsp;QQ</p>
                <input type="text" id="txt_four" placeholder="请填写您的QQ号码" value="" name="qq" onblur="qq_one()" onfocus="qq_two()"/>
                <div class="point_three x">
                  <p id="qqErr"></p>
                </div>
              </div>

              <div class="mobile x">
                <p>&nbsp;手机号码</p>
                <input type="text" id="txt_five" placeholder="请填写您的手机号码" value="" name="tel" onblur="mobile_one()" onfocus="mobile_two()"/>
                <div class="point_four x">
                  <p id="mobileErr"></p>
                </div>
              </div>

              <div class="bt x">
                <input type="submit" value="提交"/>
              </div>
            </form>
          </div>

        </div>

      </div>
    </div>

    <script type="text/javascript">
  
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
  if (i == Num)
  {
   thisObj.className = "active"; 
      document.getElementById(tabObj+"_Content"+i).style.display = "block";
  }else{
   tabList[i].className = "normal"; 
   document.getElementById(tabObj+"_Content"+i).style.display = "none";
  }
} 
}
</script></div>

</body>
</html>